import styled from "styled-components";
import * as antd from "antd";

export const WithdrawList = styled.div`
  //padding: 0 50px;
  padding:40px 50px;
  height: 100%;
  //display: flex;
  //flex-direction: column;
  //overflow-y: scroll;
`;

export const Search = styled.div`
  display: flex;
  align-items: center;
`;

export const SearchLabel = styled.span`
  margin-right: 20px;
`;

export const SearchInput = styled(antd.Input)`
  &.ant-input,
  &.ant-input-affix-wrapper {
    width: 200px;
    margin-right: 40px;
  }
`;

export const SearchDate = styled(antd.DatePicker.RangePicker)`
  &.ant-calendar-picker {
    margin-right: 40px;
  }
`;

export const SearchButton = styled(antd.Button)``;

export const Table = styled(antd.Table)`
  padding-top:20px;
  padding-bottom:20px;
  &.ant-table-wrapper {
    margin-top: 60px;
    //min-height: 50vh;
  }
`;

export const Column = styled(antd.Table.Column)``;

export const Pagination = styled(antd.Pagination)`
  &.ant-pagination {
    margin-top: 30px;
    text-align: right;
  }
`;

export const Tag = styled(antd.Tag)``;

export const ClickTag = styled(antd.Tag)`
  &.ant-tag {
    cursor: pointer;
  }
`;

export const WithdrawButton = styled(antd.Button)``;
